<template>
    <div class="error-page">
      <section class="error-content-warp">
        <div class="error-content">
          <div class="error-type">
            {{errorStatus || 404}}
          </div>
          <div class="error-desc">
            <div>这个页面出错啦</div>
            <div> 可能的原因是我们去东海游泳啦</div>
          </div>
          <div class="error-button">
            <div class="button-content" @click="goBack">
              返回上一页<i class="icon iconfont icon-jinru"></i>
            </div>
          </div>
        </div>
      </section>
      <section class="error-bottom">
        <img src="../../assets/img/Error/errorr.png" />
      </section>
    </div>
</template>

<script>
    export default {
        name: "index",
        data:function(){
          return{
            errorStatus:this.$route.query.errorStatus
          }
        },
        methods:{
          goBack:function () {
            this.$router.go(-1)
          }
        }
    }
</script>

<style scoped>
  @import "../../assets/css/views/Error/index.css";
</style>
